<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>JavaScript访问DOM数案例</h3>
		<h5>JavaScript使用api的4种方式：访问h3标签，a标签，获取他们的内容</h5>
		<h5>tag  className  name id</h5>
		
		<a href="http://www.taobao.com" target="_blank">淘宝</a>
		<a class="jd"  href="http://www.jd.com" target="_blank">京东</a>
		<a name="pdd" href="http://www.pinduoduo.com" target="_blank">拼多多</a>
		<a id="cgb" href="http://act.codeboy.com" target="_blank">java培优</a>
		
		<!--页面上使用javascript，通过script标签来实现
		新标准type="text/javascript" 可以省略，默认
		src=""引入外部js.qquery.js
		js中可以使用双引号或者单引号来把字符串包起来-->
		<script >
		//alert("使用js获取页面元素");
			
		//获取页面a标签，返回是一个数组
		//第一个元素arr[0]下标从0开始
		console.log(document.getElementsByTagName("a")[0].text)//得到页面上所有的a元素
		console.log(document.getElementsByTagName("a")[0].href)
		//2.className方式
		console.log(document.getElementsByClassName("jd")[0].text)
		console.log(document.getElementsByClassName("jd")[0].href)
		//3.name方式
		console.log(document.getElementsByName("pdd")[0].text)
		console.log(document.getElementsByName("pdd")[0].href)
		//4.id方式
		console.log(document.getElementById("cgb").innerText)
		console.log(document.getElementById("cgb").href)
		
		var a= document.getElementsByTagName("a")[0];
		a.innerText = "天猫"
		a.href ="https://www.tmall.com/"
		</script>
	</body>
</html>
